ryann al-lahiq

Project Outline: With VidCon 2014 set to launch on June 26th over in California, this Front end contract role had me working with Lead Designers at BS&T to build out the bespoke HTML5, CSS, UI/UX and Mobile support for Contiki's Adventure Travel RoadTrip Microsite. Brought on board in early June The aim was to have it go live by the time Vicon was underway.

Skills Applied: Using the Bootstrap Framework as a start point, a custom navigation menu was developed specifically for this project. jQuery, CSS3 and HTML5 were coded with a Mobile First priority in order to support as many devices as possible. Once this was completed, it could be integrated into each page of the microsite. The remaining Responsive Page Builds were integrated into Contiki’s Ruby On Rails based CMS. Extensive device testing was done via BrowserStack, and Custom Javascript and jQuery functions were implemented to disable video playback for tablets and to support simple form validation functionality.

Project Outline: ​Worked in the design and development team to launch the campaign #NOREGRETS Adventure Challenge for Contiki.com. Developing for a mobile first strategy I came on board to mark up the final approved design into a HTML5 Responsive campaign Landing Page. I also assisted in scoping out the Mobile UI requirements as well as cross browser/device testing in BrowserStack.

Skills Applied: Using Bootstrap The Responsive Framework, I was able to quickly implement CSS Classes and Div stacking to the site wide standard to achieve the base of the responsive layout. Where Bootstrap didn’t suffice I had to develop custom Classes and CSS Media Queries to achieve the desired page layout for mobile, tablet and desktop continuity. For dynamic aspects of the page SmoothScroll.js & Colorbox.js were sourced. I was also tasked with developing a time sensitive price switch function in jQuery for a separate campaign page on the site.